<html>
    <head>
        <script language="JavaScript" type="text/javascript" src="ajax.js"></script>
        <script language="JavaScript" type="text/javascript">
        function makeactive(tab)
        {
         document.getElementById("tab1").className = "Bandbreedte per periode";
         document.getElementById("tab2").className = "Bandbreedte per gebruiker";
         document.getElementById("tab3").className = "Bandbreedte per authenticatie";
         document.getElementById("tab4").className = "Bandbreedte per domein";
         document.getElementById("tab"+tab).className = "active";
         callAjax('content_.php?content= '+tab+'&cache='+Math.random(), 'content', 'Content wordt geladen voor '+tab+'. Even geduld...', 'Error');
        }
        </script>
        <link rel="stylesheet" type="text/css" href="tab.css" />

    </head>
    <body onload="makeactive(1)">


<ul id="tabmenu">
<li onclick="makeactive(1)"><a class="" id="tab1">Vandaag</a></li>
<li onclick="makeactive(2)"><a class="" id="tab2">Gisteren</a></li>
<li onclick="makeactive(3)"><a class="" id="tab3">7 dagen</a></li>
<li onclick="makeactive(4)"><a class="" id="tab4">Deze maand</a></li>
<li onclick="makeactive(4)"><a class="" id="tab4">Vorige maand</a></li>
</ul>
<div id="content"></div>




</body>
</html>